
<script>
$(document).ready(function(){
	$(document).tooltip({
		selector: "[data-toggle='tooltip']"
	});
});
</script>
<br/>
<style>
    span.error{color:red}
    ul li span.error{color:red;font-size: 12px;padding-left:20px;line-height:20px}
	.noTitleStuff .ui-dialog-titlebar {display:none}
	label.title{display:block;text-align:right;float:left;min-width: 120px;margin-right: 10px;font-weight:bold;}
	label.content{display:block;text-align:left;float:left;margin-left: 10px;}
	p.roww{height:40px;width:400px}
	p.roww input{width:170px;height:30px;line-height:inherit}
	.ui-dialog{width:40%;height:350px;position:fixed;top: 18%;left:25%;border-radius: 10px;}
</style>
<div class="lean_overlay overlay hidden">&nbsp;</div>
<div id="success_new" style="display:none"></div>
<div class="wrapper clearfix">
    <?php $this->load->view('com_search/col_left');?>
	<div class="primary">
		<header class="top_page">
			<h3 class="heading_request">Yêu cầu gia sư</h3>
			<p class="intro_rq">Hãy cho chúng tôi biết một số thông tin như học lực, tính cách, mục tiêu, lịch học của bạn... Gia sư của chúng tôi sẽ phản hồi yêu cầu của bạn trong thời gian sớm nhất.</p>
		</header>
		<form id="form_yeucau" action="<?php echo base_url();?>ajax/request" method="post">
			<?php if(empty($thongbao)){?>
			<article id="main_primary">
				  <p class="rq_text">Nội dung</p>
				  <textarea class="rq_arena" name="noidung"><?php if(isset($_POST['noidung']))echo $_POST['noidung'];?></textarea>
				  <ul class="rq_width50 clearfix">
					<li>
						<p class="rq_text">Môn học cần học</p>
						<input type="text" value="<?php if(isset($_POST['monhoc']))echo $_POST['monhoc'];?>" name="monhoc" class="rq_box text_box1" />
					</li>
					<li class="local_rq">
						<label>
							<select id="province1" class="rq_select" name="province">
								<option value="0">Tỉnh - Thành phố</option>
								<?php if(!empty($tp)){
									foreach($tp as $tp){
										echo '<option value="'.$tp->id.'">'.$tp->title.'</option>';
									}
								}?>
							</select>
						</label>
						<label>
							<select id="district1" class="rq_select" name="district">
								<option value="0">-- Quận Huyện --</option>
							</select>
						</label>
					</li>
					<li>
						<p class="rq_text">Họ và tên</p>
						<input type="text" value="<?php if(isset($_POST['name']))echo $_POST['name'];?>" name="name" class="rq_box" />
					</li>
					<li>
						<p class="rq_text">Điện thoại</p>
						<input type="text" value="<?php if(isset($_POST['phone']))echo $_POST['phone'];?>" name="phone" class="rq_box" />
					</li>
					<li>
						<p class="rq_text">Email</p>
						<input type="text" value="<?php if(isset($_POST['email']))echo $_POST['email'];?>" name="email" class="rq_box" />
					</li>
				  </ul>
				  <div class="node">
				  </div>
				  <a id="sent_reqs" style="cursor:pointer" class="btn_view" title="Gửi"><i class="icon-envelope"></i>&nbsp;&nbsp;GỬI YÊU CẦU</a>
			</article>
			<?php }else{
				echo $thongbao;
				echo '<br />'.$thongbao2;
			}?>
		</form>
	</div>
</div>
<script>
$(document).ready(function(){
	$('.gopy').click(function(){
		$('body').prepend('<div class="overlay">&nbsp;</div>')
		$('#success_new').fadeIn(400);
	});
	$('div.overlay').click(function(){
		$('#success_new').slideUp(400);
		$('.overlay').remove();
	});
	$('.close1,.close-over').click(function(){
		$('#success_new').slideUp(400);
		$('.overlay').remove();
	});

	var form = $("#form_yeucau").submit(function(e){
		var reqData = $(this).serializeArray();
		var reqURL = $(this).attr("action");
		$.ajax({
			url: reqURL,
			type: "POST",
			data: reqData,
			success: function(data, textStatus, jqXHR){
				if(data.success == true){
					$('.loading').remove();
					$('.node').remove();
					$('#success_new').html(data.content);
					$("#success_new").dialog({
						width: '40%', 
						modal: true, 
						dialogClass: 'noTitleStuff',
						resizable: false
					});
				}
				else{
					$('.loading').remove();
					$('.node').html(data.content);
				}
			},
		});
		e.preventDefault();
		e.unbind();
	});
	
	$("#sent_reqs").on('click',function(){
		$('#main_primary').append('<div class="loading"><i class="icon-spinner icon-spin icon-large"></i> Đang tải dữ liệu vui lòng đợi...</div>');
		form.submit();
	});
});
</script>
<script>
$(document).ready(function(){
    $('#province1').change(function(){
		var province =$('#province1').val();
		$.ajax({
			type: "POST",
			url: '<?php echo base_url();?>ajax/index',
			data: {province : province },
			success: function(data){
				$('#district1').html(data);
			}
		});
    });
});
</script>
